<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>我的首页</title>
    </head>
    <body>
        <!--
            <h1>-<h6>:标题，分别对应1级标题-6级标题
                      标题独自占用一行
            <center>:该标签中的内容都居中显示，H5后不再建议使用

            <input>:输入，使用type属性来指定显示的样子，常见的type值有:
                    text:文本框
                    password:密码框
                    button:按钮

            <a>:超链接，标签中间的文本就是超链接上显示的文字，href属性用于指定
                点击超链接后请求的地址。
                如果请求外部网站，通常使用绝对路径
                请求当前网站其他资源通常使用相对路径

            <br>:换行

            <img>:图片,其中属性 sre用于指定图片的位置.该路径可以是绝对路径也可以是相对路径.
            在html中如超链接图片等标签都需要指定路径,而这里使用相对路径时,"./"的最终位置时
            被浏览器理解的,.浏览器理解"./"当前目录的位置时根据请求档期那页面时地址栏上的路径而定的
            比如:
            请求当前index.html页面时,浏览器地址栏输入的路径为:
            http://localhost:8088/myweb/index.html
            那么在这个页面上使用相对路径"./"时,浏览器理解的位置就是该页面的路径:
            http://localhost:8088/myweb/
            因此.如果一个图片<img src="./logo.png">指定的路径浏览器就认为图片实际在:
            http://localhost:8088/myweb/logo.png
         -->
        <img src="./OIP-C.jpg" width="10%" height="50%">
        <center>

            <!--<h1>百度</h1>-->
            <img src="./logo.png"><br>
            <input type="text" size="32">
            <input type="button" value="百度一下" onclick="alert('点你妹啊!')"><br>
            <a href="./reg.html">注册</a>

            <a href="./login.html">登录</a><br>
            <!---->
            <a href="./showAllUser">用户列表</a><br>
            <a href="./writeArticle.html">发表文章</a><br>
            <a href="./showAllArticle">文章列表</a><br>
            <a href="./createQR.html">二维码生成器</a><br>
            <a href="http://www.lol.qq.com">去淘宝</a><br>
            <table border="1">
                <tr>
                    <td colspan="2" align="center">aaaaaa</td>
                    <td>cccccc</td>
                    <td>dddddd</td>
                </tr>
                <tr>
                    <td rowspan="3">!!!!!!!!</td>
                    <td>bbbbbb</td>
                    <td>cccccc</td>
                    <td>dddddd</td>
                </tr>
                <tr>
                    <td>bbbbbb</td>
                    <td rowspan="2">cccccc</td>
                    <td>dddddd</td>
                </tr>
                <tr>
                    <td>bbbbbb</td>
                    <td>dddddd</td>
                </tr>
            </table>

        </center>
    </body>
</html>